<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ViajarFacil - A sua agência de viagens pela internet!</title>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<link rel="stylesheet" type="text/css" href="css/common.css"/>

<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.16.custom.css"/>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
	$(function() {
		$(".date" ).datepicker();
	});
	
</script>
</head>
<body>
	<%@ include file="header.jsp" %>
	<div id="all">
		<div id="left">
			<form method="post" action="login">
				<p align="center" class="boldItalic">Faça seu login abaixo.</p>
				<table align="center">
					<tr>
						<td align="right"><label for="email">E-mail:</label></td>
						<td><input class="inpText" type="text" id="email" name="email"/></td>
					</tr>
					<tr>
						<td align="right"><label for="password">Senha:</label></td>
						<td><input class="inpText" type="password" id="password" name="password"/></td>
						<td><input type="submit" value="Login"/></td>
					</tr>
					<tr>
						<td colspan="2"><a href="#">Esqueci minha senha</a></td>
					</tr>
				</table>
			</form>
			<hr/>
			<p align="center">Não possui cadastro? <a href="signup.jsp">Registre-se</a> agora!</p>
			<hr/>
		</div>
		<div id="right">

			<div id="readyPac">
				pacotes prontos (pega do bd e mostra uma lista)
			</div>
			
			<div id="buildPac">
				<p>montar pacotes...<br/>
					<b>opcoes disponiveis:</b><br/>
					- lugar <br/>
					- data ida e volta<br/>
					- hospedagem <br/>
					- passeios <br/>
					- guia turistico <br/>
				</p>
				
				<form action="" method="post">
					<table align="center">
						<tr>
							<td align="right">Tipo de viagem:</td>
							<td>
								<select>
									<optgroup label="Tipo de viagem">
										<option value="">Cruzeiro</option>
										<option value="">Avião</option>
									</optgroup>
								</select>
							</td>
						</tr>
						<tr>
							<td align="right">Local:</td>
							<td>
								<select>
									<option value="">Lugar1</option>
									<option value="">Lugar2</option>
									
								</select>
							</td>
						</tr>
						<tr>
							<td align="right" >Data da ida:</td>
							<td><input type="text"class="date" /></td>
						</tr>
						<tr>
							<td align="right">Data da volta:</td>
							<td><input type="text" class="date" /></td>
						</tr>
						<tr>
							<td align="right">Hospedagem:</td>
							<td>
								<select>
									<option>Escolha opções acima!</option>
								</select>
							</td>
						</tr>
						<tr>
							<td align="right">Passeios:</td>
							<td>
								<select>
									<option>Escolha opções acima!</option>
								</select>
							</td>
						</tr>
						<tr>
							<td align="right">Guia Turistico:</td>
							<td>
								<select>
									<option>Escolha opções acima!</option>
								</select>
							</td>
						</tr>
						<tr>
							<td colspan="2" align="center">
								<input type="submit" value="Confirmar"/>
							</td>
						</tr>
					</table>

				</form>
			</div>
		</div>
	</div>
	
	
</body>
</html>